<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="./layui/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/newList.css" />
		<title>避暑楼盘</title>
	</head>
	<body>
		<!-- 顶部banner -->
		<div class="header" data-scroll-reveal="enter top and move 100px over 1s">
			<div class="top">
				<div class="top-bar">
					<div class="left" data-scroll-reveal="enter top and move 100px over 1s">
						<img class="logo" src="./image/floor/logo.png" alt="logo">
					</div>
					<div class="right" data-scroll-reveal="enter top and move 100px over 1s">
						<div class="search">
							<span class="search-tips">搜索</span>
							<span class="search-icon">
								<i class="layui-icon layui-icon-search"></i>
							</span>
							<input class="search-input" type="text">
						</div>
						<div class="login">
							<a href="#">登陆</a> /
							<a href="#">注册</a>
						</div>
					</div>
				</div>
			</div>
			<div class="header-banner">
				<img src="./image/news/banner-1.jpg" alt="">
				<div class="mask">
					<div class="explain">
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							TRAVEL INFORMATION
						</p>
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							旅游资讯
						</p>
					</div>
				</div>

			</div>
			<ul class="nav layui-nav" lay-filter="">
				<li class="nav-item layui-nav-item " data-scroll-reveal="enter left and move 50px over 1s">
					<a href="#">首页</a>
				</li>
				<li class="nav-item layui-nav-item " data-scroll-reveal="enter right and move 100px over 1s">
					<a href="#part1">丰都避暑楼盘</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="javascript:;">丰都旅游景点</a>
					<dl class="layui-nav-child">
						<!-- 二级菜单 -->
						<dd><a href="#">移动模块</a></dd>
						<dd><a href="#">后台模版</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
					</dl>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter bottom and move 100px over 1s">
					<a href="#part3">丰都酒店民宿</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="#part4">丰都土特产</a>
				</li>
				<li class="nav-item layui-nav-item active" data-scroll-reveal="enter botom and move 100px over 1s">
					<a href="#part5">丰都旅游资讯</a>
				</li>
			</ul>
		</div>

		<!-- 列表 -->
		<div class="section first-section">
			<div class="content">
				<div class="left">
					<ul class="new-nav">
						<li>
							<a class="nav-item" href="#">全部</a>
						</li>
						<li class="active">
							<a class="nav-item" href="#">最新资讯</a>
						</li>
						<li>
							<a class="nav-item" href="#">每日一荐</a>
						</li>
						<li>
							<a class="nav-item" href="#">出行指南</a>
						</li>
						<li>
							<a class="nav-item" href="#">节日活动</a>
						</li>
						<li>
							<a class="nav-item" href="#">热门推荐</a>
						</li>
					</ul>
					<div class="contact">
						<p class="contact-title">联系我们</p>
						<table class="contact-content">
							<tbody>
								<tr>
									<td class="img">
										<div>
											<img src="./image/news/dianhua-6.png">
										</div>
									</td>
									<td>
										<div>
											客服：400-000-00000
											<br>
											北京：010-90908888
											<br>
											上海：021-90908888
										</div>
									</td>
								</tr>
								<tr>
									<td class="img">
										<div>
											<img src="./image/news/youxiang.png">
										</div>
									</td>
									<td>
										<div>邮箱：jituan@jituan.cn</div>
									</td>
								</tr>
								<tr>
									<td class="img">
										<div>
											<img src="./image/news/dizhi.png">
										</div>
									</td>
									<td>
										<div>地址：重庆市丰都大厦 a座 8801</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>

				</div>

				<div class="right">
					<ul class="news-list-1">
						<li class="news-list-item-1" data-scroll-reveal="enter top and move 100px over 1s">
							<div class="item-left-1">
								<img src="./image/2-1.jpg" alt="">
							</div>
							<div class="item-right-1">
								<a href="#" class="item-name-1">重庆丰都鬼城、三峡、宜昌</a>
								<p class="item-subname-1">2019-09-09 丰都旅游</p>
								<p class="item-introduce-1">2-1线、重庆、丰都鬼城、小三峡（神农溪）、三峡大坝、宜昌双飞四日
									产品特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大的科研开发能力，具有科研、生产、销...</p>
							</div>
						</li>
						<li class="news-list-item-1" data-scroll-reveal="enter top and move 100px over 1s">
							<div class="item-left-1">
								<img src="./image/2-1.jpg" alt="">
							</div>
							<div class="item-right-1">
								<a href="#" class="item-name-1">重庆丰都鬼城、三峡、宜昌</a>
								<p class="item-subname-1">2019-09-09 丰都旅游</p>
								<p class="item-introduce-1">2-1线、重庆、丰都鬼城、小三峡（神农溪）、三峡大坝、宜昌双飞四日
									产品特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大的科研开发能力，具有科研、生产、销...</p>
							</div>
						</li>
						<li class="news-list-item-1" data-scroll-reveal="enter top and move 100px over 1s">
							<div class="item-left-1">
								<img src="./image/2-1.jpg" alt="">
							</div>
							<div class="item-right-1">
								<a href="#" class="item-name-1">重庆丰都鬼城、三峡、宜昌</a>
								<p class="item-subname-1">2019-09-09 丰都旅游</p>
								<p class="item-introduce-1">2-1线、重庆、丰都鬼城、小三峡（神农溪）、三峡大坝、宜昌双飞四日
									产品特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大的科研开发能力，具有科研、生产、销...</p>
							</div>
						</li>
						<li class="news-list-item-1" data-scroll-reveal="enter top and move 100px over 1s">
							<div class="item-left-1">
								<img src="./image/2-1.jpg" alt="">
							</div>
							<div class="item-right-1">
								<a href="#" class="item-name-1">重庆丰都鬼城、三峡、宜昌</a>
								<p class="item-subname-1">2019-09-09 丰都旅游</p>
								<p class="item-introduce-1">2-1线、重庆、丰都鬼城、小三峡（神农溪）、三峡大坝、宜昌双飞四日
									产品特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大的科研开发能力，具有科研、生产、销...</p>
							</div>
						</li>
						<li class="news-list-item-1" data-scroll-reveal="enter top and move 100px over 1s">
							<div class="item-left-1">
								<img src="./image/2-1.jpg" alt="">
							</div>
							<div class="item-right-1">
								<a href="#" class="item-name-1">重庆丰都鬼城、三峡、宜昌</a>
								<p class="item-subname-1">2019-09-09 丰都旅游</p>
								<p class="item-introduce-1">2-1线、重庆、丰都鬼城、小三峡（神农溪）、三峡大坝、宜昌双飞四日
									产品特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大的科研开发能力，具有科研、生产、销...</p>
							</div>
						</li>
						<li class="news-list-item-1" data-scroll-reveal="enter top and move 100px over 1s">
							<div class="item-left-1">
								<img src="./image/2-1.jpg" alt="">
							</div>
							<div class="item-right-1">
								<a href="#" class="item-name-1">重庆丰都鬼城、三峡、宜昌</a>
								<p class="item-subname-1">2019-09-09 丰都旅游</p>
								<p class="item-introduce-1">2-1线、重庆、丰都鬼城、小三峡（神农溪）、三峡大坝、宜昌双飞四日
									产品特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大的科研开发能力，具有科研、生产、销...</p>
							</div>
						</li>
					</ul>

					<!-- 分页 -->
					<div class="page-list">
						<a href="#" class="pre">
							<i class="layui-icon layui-icon-left"></i>
						</a>
						<ul class="page">
							<li class="page-item active">
								<a href="#">1</a>
							</li>
							<li  class="page-item">
								<a href="#">2</a>
							</li>
							<li  class="page-item">
								<a href="#">3</a>
							</li>
						</ul>
						<a href="#" class="next">
							<i class="layui-icon layui-icon-right"></i>
						</a>
					</div>
				</div>
			</div>
		</div>

		<!-- foot -->
		<div class="foot foot-margin">
			<div class="foot-section">
				<div class="foot-nav">
					<div class="foot-nav-item">
						<a href="#">首页</a>
						<a href="#">丰都避暑楼盘</a>
						<a href="#">丰都旅游景点</a>
						<a href="#">丰都酒店民宿</a>
						<a href="#">丰都土特产</a>
						<a href="#">公司简介</a>
						<a href="#">联系我们</a>
						<a href="#">市场合作</a>
					</div>
					<div class="back-top">
						<a href="#">回到顶部</a>
					</div>
				</div>

				<div class="foot-center">
					<div class="foot-center-1 logo">
						<img src="./image/floor/logo.png">
					</div>
					<div class="foot-center-2">
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注公众号</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关小程序</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注商城</p>
						</div>
					</div>
					<div class="foot-center-1">
						<p>电话：021-80187116</p>
						<p>QQ：800053384</p>
						<p>邮箱：fengduasadh@123.com</p>
						<p>网址：www.435xvc.com</p>
						<p>地址：重庆市渝中区东方路3539号</p>
					</div>
				</div>
				<!-- 友情链接 -->
				<div class="foot-link">
					<span class="foot-name">友情链接：</span>
					<div class="link-item">
						<a href="#">指纹网</a>
						<a href="#">安居客</a>
						<a href="#">明珠城</a>
						<a href="#">丰都小邓</a>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<p>版权所有：Copyright © 2015-2019丰都宣传网 渝ICP备15050430号 ICP证渝B2-20180118</p>
		</div>
	</body>
	<script>
		layui.config({
			base: './js/'
		}).extend({
			scrollReveal: "plugins/scrollReveal"
		}).use('index')
	</script>
</html>
